<template>

  <div class="mb-4">
    <div>
        <el-steps :active="0" simple process-status=finish finish-status=success align-center>
            <el-step title="选择案件类型" icon="el-icon-edit"></el-step>
            <el-step title="利益冲突审查" icon="el-icon-edit"></el-step>
            <el-step title="新增委托人" icon="el-icon-edit"></el-step>
            <el-step title="登记立案信息" icon="el-icon-edit"></el-step>
            <el-step title="立案文书上传" icon="el-icon-edit"></el-step>
            <el-step title="收案审批" icon="el-icon-edit"></el-step>
        </el-steps>
    </div>
  <ul>
    <li>选择案件类型</li>
  </ul>


      <el-button  class="ll"  v-for="e in postList" @click="myalert(e.id)">
     {{ e.caseTypeName }}
      </el-button>
  <el-divider />
    <el-button  class="ee" v-for="e1 in postList1" @click="toMallInfo()">
     {{ e1.caseTypeName }}
      </el-button>
  </div>

</template>
<script>

// import { cx,ej} from "@/api/system/Choice.js";

export default {
  name: "Post",
  dicts: ['sys_normal_disable'],
  data() {
    return {
      postList: [],
      postList1: [],
    };
  },
  created() {
    this.getList();
    this.myalert(1001);
  },
//二级类型
  methods: {
    toMallInfo: function(){
        console.log(111)
        this.$store.dispatch("tagsView/delView",this.$route)

        this.$router.push({name:"myCaseExam"});
        //this.$router.push("/aj/jc/Choice/myCaseExam");
         //let routerurl = this.$router.replace({name:"myCaseExam"});
         //window.open(routerurl.href,"_self");
         //window.location.href = '/CaseExam';
    },
    myalert:function(id){
            // alert(id)
        ej(id).then(response1 => {
          this.postList1 = response1;
          this.total = response1.total;
          this.loading = false;
      });
    },

    /**选择案件类型· */
    getList() {
      this.loading = true;
        cx(this.queryParams).then(response => {
        this.postList = response;
        this.total = response.total;
        this.loading = false;
      });
    },
  }
};
</script>
<style scoped>
.ll{
    width: 150px;
    height: 50px;
    margin: 10px;
}
.ee{
    width: 190px;
    height: 50px;
    margin: 10px;
}
.step{
    width: 200px;
}
</style>
